<script setup lang="ts">
import { ref, Ref, reactive, computed } from 'vue'
import { useStoreInfoStore } from '@/store/modules/storeInfo'
import { DoGetStoreInfoByShopAssistantPhoneResponse } from '@/apis/home/model'

const $useStoreInfoStore = useStoreInfoStore()
const submitForm = computed(() => {
    return $useStoreInfoStore.shopStoreInfo
}) as Ref<DoGetStoreInfoByShopAssistantPhoneResponse>
const list = computed(() => submitForm.value.storeImg.split(','))
</script>

<template>
    <view class="manage">
        <u-swiper :list="list" height="500"></u-swiper>
        <view class="manage__info">
            <view class="manage__info-item">
                <view class="manage__info-item--title">门店名称</view>
                <view class="manage__info-item--content">{{ submitForm.storeName }}</view>
            </view>
            <view class="manage__info-item">
                <view class="manage__info-item--title">营业时间</view>
                <view class="manage__info-item--content">{{ submitForm.businessStartTime }}-{{ submitForm.businessEndTime }} </view>
            </view>
            <view class="manage__info-item">
                <view class="manage__info-item--title">门店负责人</view>
                <view class="manage__info-item--content">{{ submitForm.functionaryName }}</view>
            </view>
            <view class="manage__info-item">
                <view class="manage__info-item--title">负责人手机号</view>
                <view class="manage__info-item--content">{{ submitForm.functionaryPhone }}</view>
            </view>
            <view class="manage__info-item">
                <view class="manage__info-item--title">提货时间</view>
                <view class="manage__info-item--content">
                    {{ submitForm.startDeliveryDay }}天后开始提货，{{ submitForm.endDeliveryDay }} 天后结束提货
                </view>
            </view>
            <view class="manage__info-item">
                <view class="manage__info-item--title">详细地址</view>
                <view class="manage__info-item--content">{{ submitForm.detailedAddress }}</view>
            </view>
        </view>
    </view>
</template>

<style lang="scss" scoped>
page {
    background: #fff;
}
@include b(manage) {
    @include e(info) {
    }
    @include e(info-item) {
        padding: 36rpx 30rpx;
        font-size: 26rpx;
        display: flex;
        align-items: center;
        @include m(title) {
            font-weight: bold;
            width: 180rpx;
            margin-right: 40rpx;
        }
        @include m(content) {
        }
    }
}
</style>
